<template>
    <div class="cardcontent">
        <el-row>
            <el-col offset="4" span="5" class="title">
                问诊记录表
            </el-col>
            <el-col offset="2" span="10">
                创建时间：{{patientinfo.consultCreateTime}}
            </el-col>
        </el-row>
        <el-row>
            <el-col offset="1" span="3">
                问题描述：
            </el-col>
            <el-col span="5">
               {{patientinfo.question}}
            </el-col>
        </el-row>
        <el-row>
            <el-col offset="1" span="3">
                诊断症状：
            </el-col>
            <el-col span="5">
               {{patientinfo.diagnosis}}
            </el-col>
        </el-row>
        <el-row>
            <el-col offset="1" span="3">
                诊断小结：
            </el-col>
            <el-col span="5">
               感冒
            </el-col>
        </el-row>
        <el-row>
            <el-col offset="1" span="3">
                提交药物：
            </el-col>
            <div v-for="(item,index) in patientinfo.drugIds" :key="index">
                <el-col span="5">
                    <el-button type="success" round plain>{{item}}</el-button>
                </el-col>
            </div>
        </el-row>
        <el-row>
            <el-col offset="1" span="3">
                问诊照片：
            </el-col>
            <div v-for="(item,index) in patientinfo.photoIds" :key="index">
                <el-col span="4">
                <el-image
                    style="width: 143px; height: 143px"
                    :src="item"></el-image>
                </el-col>
            </div>
        </el-row>
    </div>
</template>
<script>
export default {
    props:["patientinfo"],
    data(){
        return{

        }
    },
    methods:{
        
    },
    mounted:function(){
        console.log(this.patientinfo)
    }
}
</script>

<style scoped>
    .cardcontent{
        margin-top: 100px;
        margin-left: 100px;
        font-size: 16px;
    }
    .el-row{
        padding: 20px;
    }
    .title{
        font-size: 28px;
        font-weight: 700;
    }
</style>